<script setup lang="ts">
import Tree from '../components/checkboxtree/index.vue'
import Functiontable from '../components/functiontable/index.vue'
import { onMounted } from 'vue'
defineOptions({
  name: 'organization',
})
const tabletitle = ref({
  name: "组织机构设置",
  istable: "organizationtable",
  search: '组织机构设置：'
})
const getdata = () => {
  
}

onMounted( () => { 
})
getdata()
</script>

<template>
  <div id="organization">
    <div class="organization_tree">
      <Tree />
    </div>
    <div class="organization_tree">
      <Tree />
    </div>
    <div class="organization_table">
        <Functiontable :tabletitle="tabletitle"/>
    </div>
  </div>
</template>

<style lang="scss" scoped>
#organization {
  display: flex;
  height: 100%;
  height: 100%;
  .organization_tree {
    background-color: #fff;
    margin-right: 10px;
    padding: 30px 20px 0;
  }
  .organization_table {
    flex: 1;
  }
}
</style>
